<div class="mui-content relative-content bg-gray">
  <div class="top-bar bar-content bg-linear">
    <a class="flex mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="flex text-center">订单详情</div>
    <div class="flex mui-text-right">
      <span (click)="opensetup()">备注</span>
    </div>
  </div>


  <div class="setup-container" *ngIf="isSetup">
    <div class="top-bar bg-linear">
      <div class="flex mui-text-right">
      </div>
      <div class="flex text-center">订单详情</div>
      <div class="flex mui-text-right">
      </div>
    </div>
    <div class="info-container-serch">
      <div class="mui-card">
        <div class="mui-card-content mui-input-group input-group_right">
          <div class="mui-row">
            <div class="mui-col-xs-3 mui-text-center input-title">最后跟进时间</div>
            <div class="mui-col-xs-9">
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followtime == '1'}">
                <input type="radio" value="1" name="followtime" [(ngModel)]="followtime">1个月内</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followtime == '2'}">
                <input type="radio" value="2" name="followtime" [(ngModel)]="followtime">2个月内</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followtime == '3'}">
                <input type="radio" value="3" name="followtime" [(ngModel)]="followtime">3个月内</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followtime == '4'}">
                <input type="radio" value="4" name="followtime" [(ngModel)]="followtime">6个月内</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followtime == '5'}">
                <input type="radio" value="5" name="followtime" [(ngModel)]="followtime">12个月内</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followtime == '6'}">
                <input type="radio" value="6" name="followtime" [(ngModel)]="followtime">24个月内</label>
            </div>
          </div>
          <div class="mui-row">
            <div class="mui-col-xs-3 mui-text-center input-title">最后跟进记录</div>
            <div class="mui-col-xs-9">
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followrecord == '1'}">
                <input type="radio" value="1" name="followrecord" [(ngModel)]="followrecord">客户不需要</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followrecord == '2'}">
                <input type="radio" value="2" name="followrecord" [(ngModel)]="followrecord">资质太差</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followrecord == '3'}">
                <input type="radio" value="3" name="followrecord" [(ngModel)]="followrecord">无人接听</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followrecord == '4'}">
                <input type="radio" value="4" name="followrecord" [(ngModel)]="followrecord">联系中</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followrecord == '5'}">
                <input type="radio" value="5" name="followrecord" [(ngModel)]="followrecord">已加微信</label>
              <label class="mui-btn" [ngClass]="{'mui-btn-primary': followrecord == '6'}">
                <input type="radio" value="6" name="followrecord" [(ngModel)]="followrecord">后期可回访</label>
            </div>
          </div>
          <div class="btn-box">
              <button type="button" class="mui-btn " (click)="closedsetup()">返回</button>
              <button type="button" class="mui-btn " (click)="setup(detail.id)">确定</button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <ul class="mui-table-view m-y">
    <li class="mui-table-view-cell">
      <h4 class="mui-inline">{{detail.realname}}</h4>
      <div class="mui-pull-right gray-color" [ngStyle]="{'margin-top':'5px'}">
        {{detail.createtime}}
      </div>
    </li>
  </ul>

  <ul class="mui-table-view m-b">
    <li class="mui-table-view-cell gray-color">
      积分
      <div class="mui-pull-right">
        {{detail.customer_price || 0}}
      </div>
    </li>

  </ul>


  <ul class="mui-table-view m-y">
      <li class="mui-table-view-cell mui-row">
        <div class="mui-col-xs-6 mui-text-center border-right">
          <span class="">{{ detail.money }}</span>
          <div class="">
              贷款金额
          </div>
        </div>
        <div class="mui-col-xs-6 mui-text-center">
          <span class="">{{ detail.cycle || 0}}个月</span>
          <div class="">
              贷款期限
          </div>
        </div>
      </li>
      <li style="width:100%;height:1px;background:#c8c7cc;transform: scaleY(.5);"></li>
      <li class="mui-table-view-cell gray-color">
        <div class="mui-pull-left">
          单子状态
          <span class="mui-btn dan-btn mui-btn-danger" *ngIf="isQiang">抢单中</span>
          <span class="mui-btn dan-btn-gray dan-btn" *ngIf="!isQiang">已抢单</span>
        </div>
        <div class="mui-pull-right">
          抢单后可电话联系
        </div>
      </li>
    </ul>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>基本信息
  </div>
  <ul class="mui-table-view m-b">
    <li class="mui-table-view-cell gray-color">
      年龄
      <div class="mui-pull-right">
        {{detail.age || '未知'}}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      学历
      <div class="mui-pull-right">
        本科
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      身份证号
      <div class="mui-pull-right">
        {{detail.idcard || '未知'}}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      工作城市
      <div class="mui-pull-right">{{detail.city_name || '未知'}} </div>
    </li>
  </ul>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>工作信息
  </div>
  <ul class="mui-table-view m-b">
    <li class="mui-table-view-cell gray-color">
      职业类型
      <div class="mui-pull-right">
          {{detail.occupation || '未知'}}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      工作年限
      <div class="mui-pull-right">
          {{detail.workinglife || '未知'}}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      社保情况
      <div class="mui-pull-right">
          {{detail.socialsecurity === 1 ? '有' : '无' }}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      公积金
      <div class="mui-pull-right">
          {{detail.accumulationfund === 1 ? '有' : '无' }}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      工资发放形式
      <div class="mui-pull-right">
          {{detail.payrolltype === 1 ? '现金' : '打卡' }}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      月收入
      <div class="mui-pull-right">
          {{detail.monthlyincome || '未知'}}
      </div>
    </li>
  </ul>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>资产信息
  </div>
  <ul class="mui-table-view m-b">
    <li class="mui-table-view-cell gray-color">
      是否有寿险
      <div class="mui-pull-right">
          {{detail.insurance === 1 ? '有' : '无' }}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      是否用过微粒贷
      <div class="mui-pull-right">
        {{detail.webank === 1 ? '是' : '无' }}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      信用状况
      <div class="mui-pull-right">
          {{detail.linecard === 1 ? '有' : '无' }}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      房产情况
      <div class="mui-pull-right">
          {{detail.housetype ===1 ? '有房无房贷' : (detail.housetype ===2 ? '有房有房贷' : (detail.housetype ===3 ? '无房' :'未知'))}}
      </div>
    </li>
    <li class="mui-table-view-cell gray-color">
      车产情况
      <div class="mui-pull-right">
          {{detail.cartype ===1 ? '有车无车贷' : (detail.housetype ===2 ? '有车有车贷' : (detail.housetype ===3 ? '无车' :'未知'))}}
      </div>
    </li>
  </ul>
  <div class="b-btn" *ngIf="isQiang" (click)="tips(detail.id,detail.customer_price,$event)">
    立即抢单
  </div>
  <div class="gray-btn" *ngIf="isbuy">
    已抢单
  </div>
</div>
